// 按需导入element
import 'element-plus/lib/theme-chalk/index.css'
import {
  ElButton,
  ElMessageBox,
  ElMessage,
  ElScrollbar,
  ElMenu,
  ElSubmenu,
  ElMenuItem,
  ElBreadcrumb,
  ElBreadcrumbItem,
  ElForm,
  ElFormItem,
  ElInput,
  ElTooltip,
  ElSelect,
  ElOption,
  ElDropdown,
  ElDropdownMenu,
  ElTabs,
  ElTabPane,
  ElDivider,
  ElTable,
  ElTableColumn,
  ElPagination,
  ElDropdownItem,
  ElDialog,
  ElCard,
  ElRow,
  ElCol,
  ElCheckbox,
  ElCheckboxGroup,
  ElRadio,
  ElUpload,
  ElDatePicker,
  ElCascader,
  ElTimeSelect,
  ElTimePicker,
  ElRadioGroup,
  ElTag,
  ElTimeline,
  ElTimelineItem,
  ElDescriptions,
  ElDescriptionsItem,
  ElAvatar,
  ElRadioButton,
  ElCollapse,
  ElCollapseItem,
  ElCalendar,
  ElAlert,
  ElImage,
  ElPopover,
  ElAutocomplete,
  ElLoading,
  ElImageViewer,
} from 'element-plus'

export default function loadComponent(app) {
  app
    .use(ElButton)
    .use(ElMessageBox)
    .use(ElMessage)
    .use(ElScrollbar)
    .use(ElMenu)
    .use(ElSubmenu)
    .use(ElMenuItem)
    .use(ElBreadcrumb)
    .use(ElBreadcrumbItem)
    .use(ElForm)
    .use(ElFormItem)
    .use(ElInput)
    .use(ElTooltip)
    .use(ElSelect)
    .use(ElOption)
    .use(ElDropdown)
    .use(ElDropdownMenu)
    .use(ElTabs)
    .use(ElTabPane)
    .use(ElDivider)
    .use(ElTable)
    .use(ElTableColumn)
    .use(ElPagination)
    .use(ElDropdownItem)
    .use(ElDialog)
    .use(ElCard)
    .use(ElRow)
    .use(ElCol)
    .use(ElCheckbox)
    .use(ElCheckboxGroup)
    .use(ElRadio)
    .use(ElUpload)
    .use(ElDatePicker)
    .use(ElCascader)
    .use(ElTimeSelect)
    .use(ElTimePicker)
    .use(ElRadioGroup)
    .use(ElTabPane)
    .use(ElTag)
    .use(ElTimeline)
    .use(ElTimelineItem)
    .use(ElDescriptions)
    .use(ElDescriptionsItem)
    .use(ElAvatar)
    .use(ElRadioButton)
    .use(ElCollapse)
    .use(ElCollapseItem)
    .use(ElCalendar)
    .use(ElAlert)
    .use(ElImage)
    .use(ElPopover)
    .use(ElAutocomplete)
    .use(ElLoading)
    .use(ElImageViewer)
}
